import {FC} from "react";
import { Image } from "react-vant";
import { ListRawState } from "../../views/home";
import "./style.scss";
interface PropsType {
  v: ListRawState;
}
const ListItem: FC<PropsType> = ({ v }) => {
  return (
    <dl className="list-item" key={v.id}>
      <dd>
        <h3>{v.title}</h3>
        <h4>
          {v.auther} ———— {v.createDatetime}
        </h4>
        <p>{v.desc}</p>
      </dd>
      <dt>
        <Image src={v.image} width={150} height={120} lazyload alt="" />
      </dt>
    </dl>
  );
};
export default ListItem;
